﻿@{
    ViewBag.Title = "全局金服,安全幸福";
    Layout = "~/Views/Shared/_Layout_index.cshtml";

}
@using LY.Interface
@using LY.Business.ServiceImpl
@{
  
    IClaimsService cservice = new ClaimsService();
    var plist = cservice.GetProjects(1, 4);
    var plist2 = cservice.GetProjects(0, 3);

}
<link href="~/Content/change/css/jquery.fullPage.css" rel="stylesheet" />
<link href="~/Content/change/css/index.css" rel="stylesheet" />
<style>
    .section {
        text-align: center;
        font: 30px "Microsoft Yahei";
        color: #fff;
    }
    
    .BMap_bubble_title {
        font-size: 14px;
    }

    .BMap_bubble_content {
        font-size: 14px;
    }
</style>

<div id="main" style="margin-top: 60px;">
    <div class="section page1">
        <div class="banner" id="banner">
            <a href="/Claims/ZhuanPan" class="d1" style="background: url(../../Content/change/images/cbanner0103.jpg) center no-repeat; background-size: 100% auto;"></a>
            <a href="@System.Configuration.ConfigurationSettings.AppSettings["zcurl"]/Default/Detail/446" class="d1" style="background: url(../../Content/change/images/cbanner0105.jpg) center no-repeat;background-size: 100% auto;"></a>
            <a href="@System.Configuration.ConfigurationSettings.AppSettings["zcurl"]/Default/Detail/433" class="d1" style="background: url(../../Content/change/images/cbanner01.jpg) center no-repeat;background-size: 100% auto;"></a>
            <a href="#" class="d1" style="background: url(../../Content/change/images/cbanner0104.jpg) center no-repeat; background-size: 100% auto;"></a>
            <a href="#" class="d1" style="background: url(../../Content/change/images/cbanner0107.jpg) center no-repeat; background-size: 100% auto;"></a>
            <div class="d2" id="banner_id">
                <div class="mouse">
                    <img src="~/Content/change/images/mouse.png" />
                </div>
                <div class="clear"></div>
                <div class="line">
                    <div class="linec"></div>
                </div>
                <div class="dot">
                    <div class="dotc">
                        <ul>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                        </ul>
                    </div>
                </div>
                <div class="line">
                    <div class="linec"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="section page2">
        <div class="pcon"> 
            <div class="page2_li">
                <div class="p_li_1">
                    <div class="p_name">项目总数</div>
                    <div class="p_value"><span id="num01" class="overviewnum numcountUp" num="0" num2="@ViewBag.Statics.ProjectNums" >@ViewBag.Statics.ProjectNums</span><span class="f20"> 项</span></div>
                </div>
            </div>
            <div class="page2_li">
                <div class="p_li_2">
                    <div class="p_name">累计注册人数</div>
                    <div class="p_value"><span id="num02"  class="overviewnum numcountUp" num="0" num2="@ViewBag.Statics.RegisterNums" >@ViewBag.Statics.RegisterNums</span><span class="f20">人</span></div>
                </div>
            </div>
            <div class="page2_li">
                <div class="p_li_3">
                    <div class="p_name">客户累计投资</div>
                    <div class="p_value"><span id="num03"  class="overviewnum numcountUp" num="0" num2="@ViewBag.Statics.TenderAmt" >@ViewBag.Statics.TenderAmt</span><span class="f20"> 万</span></div>
                </div>
            </div>
            <div style="clear: both;"></div>
            <div class="register"><a href="/Login/Register">立即注册，获取500积分</a></div>
        </div>
    </div>
    <div class="section page3">
        <div class="pcon">
            <div class="claim">
                理财
                <div class="f20">CLAIMS</div>
            </div>
            <div class="monetary_fund">
                <div class="monetary_fund_content">
                    <div class="left50">
                        <div class="prev_con">
                            <span class="prev">
                                <img src="~/Content/change/images/claim_left.png" /></span>
                        </div>
                        <div class="right435">
                            <div class="top-banner" id="banner1">
                                <a class="bannerimg" href="javascript:;" style="background: url(../../../Content/change/images/car.jpg) center 0;"></a>
                                <a class="bannerimg" href="javascript:;" style="background: url(../../../Content/change/images/claims_02.jpg) center 0;" target="_blank"></a>
                                <a class="bannerimg" href="javascript:;" style="background: url(../../../Content/change/images/claims_02.jpg) center 0; display: none" target="_blank"></a>
                            </div>
                            <div class="focus">
                            </div>
                        </div>
                    </div>
                    <div class="right50">
                        <div class="monetary_fund_right">

                            @foreach (var item in plist2)
                            {
                                <div class="monetary_fund_right_content">
                                    <p class="type bypass"><a href="/Claims/ToInvest/@item.ID" target="_blank">@item.ProjectName</a></p>
                                    <p class="con">
                                        @Html.Raw(item.ProjectDetail)
                                    </p>
                                </div>
                            }

                        </div>
                        <div class="next_con">
                            <span class="next">
                                <img src="~/Content/change/images/claim_right.png" /></span>
                        </div>
                    </div>
                    <div style="clear: both;"></div>
                    <div class="tabBox">
                        <ul id="btn" class="btn">
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="section page4">
        <div class="product">
            <div class="product_con">
                产品众筹<br />
                <span class="f20">PRODUCT</span>
            </div>

            <div class="monetary_fund">
                <div class="monetary_fund_content">
                    <div class="left380">
                        <div class="prev_con">
                            <span id="prev" class="prev">
                                <img src="~/Content/change/images/claim_left_red.png" /></span>

                        </div>
                        <div class="right300">
                            <div class="monetary_fund_right2">

                                @foreach (var item in ViewBag.projectlist)
                                {
                                    <div class="monetary_fund_right_content2">
                                        <div class="hot">
                                            <div class="hot_title">
                                                <div class="padtop20">
                                                    热门<br />
                                                    榜单
                                                </div>
                                            </div>
                                        </div>
                                        <p class="type bypass" style="width: 250px; padding: 10px;"><a style="color:#666" href="@System.Configuration.ConfigurationSettings.AppSettings["zcurl"]/Default/Detail/@item.Id" target="_blank">@item.ProjectName</a></p>
                                        <p class="hot_con">
                                            @item.ProjectAdWord
                                        </p>
                                    </div>
                                }
                            </div>
                            <div class="focus">
                            </div>

                        </div>
                    </div>
                    <div class="right820">
                        <div class="top-banner left754" id="banner2" style="margin-left: 100px;">
                            @foreach (var item in ViewBag.projectlist)
                            {
                                <a class="bannerimg2" href="@System.Configuration.ConfigurationSettings.AppSettings["zcurl"]/Default/Detail/@item.Id" style="background: url(@item.ProjectThumImage) no-repeat center 0;" target="_blank"></a>
                            }
                        </div>
                        <div class="right68">
                            <span id="next" class="next">
                                <img src="~/Content/change/images/claim_right_red.png" /></span>
                        </div>
                    </div>
                    <div class="clear"></div>
                    <div class="tabBox">
                        <ul id="btn2" class="btn">
                        </ul>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <div class="section page5">
        <div class="news">
            <div class="news_title">
                新闻中心
        <div class="f20">NEWS</div>
            </div>
            <div class="news_content">
                <div class="left50">
                    @foreach (var article in ViewBag.articleList)
                    {
                        <div class="news_con">
                            <div>
                                <img src="~/Content/change/images/news_01.jpg" />
                            </div>
                            <div style="padding: 10px;">
                                <div class="news_name bypass" style="text-align: left;"><a href="/Article/NewsList?id=@article.ID" target="_blank">@article.Name</a></div>
                                  <div class="clear"></div>
                                <div class="news_date">@article.PublishTime</div>
                                <div class="clear"></div>
                                <div class="padtop10">
                                    @if (article.Synopsis.Length > 60)
                                    {
                                        <span class="f14">@article.Synopsis.Substring(0, 60)…</span>
                                    }
                                    else
                                    {
                                        <span class="f14">@article.Synopsis</span>
                                    }
                                </div>
                            </div>
                        </div>
                    }

                </div>
                <div class="right50">

                    <div class="new_li">
                        <ul>
                            @foreach (var article in ViewBag.articleList)
                            {
                                <li>
                                    <div class="no">
                                        <div class="no_index">
                                            0@(ViewBag.articleList.IndexOf(article) + 1)
                                        </div>
                                        <div class="f14">@DateTime.Parse(article.PublishTime.ToString()).ToString("yyyy-MM")</div>
                                    </div>
                                    <div class="left400">
                                        <a href="/Article/NewsList?id=@article.ID" target="_blank">
                                            <div class="f20 bypass" style="text-align: left;">@article.Name</div>
                                            <div class="mtop10">
                                                @if (article.Synopsis.Length > 50)
                                                {
                                                    <span class="f14">@article.Synopsis.Substring(0, 50)…</span>
                                                }
                                                else
                                                {
                                                    <span class="f14">@article.Synopsis</span>
                                                }
                                            </div>
                                        </a>
                                    </div>
                                    <div class="clear"></div>
                                </li>
                            }
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="section page6">
        <div class="page6_con">
            <div class="p6_title">
                合作机构<br />
                <span class="f20">COOPERATION</span>
            </div>
            <div class="coop">
                <ul>
                    <li id="l7.png" itemid="l7_a.png">
                        <img src="~/Content/change/images/link/l7.png" /></li>
                    <li id="l2.png" itemid="l2_a.png">
                        <img src="~/Content/change/images/link/l2.png" /></li>
                    <li id="l8.png" itemid="l8_a.png">
                        <img src="~/Content/change/images/link/l8.png" /></li>
                    <li id="l11.png" itemid="l11_a.png">
                        <img src="~/Content/change/images/link/l11.png" /></li>
                    <li id="l10.png" itemid="l10_a.png">
                        <img src="~/Content/change/images/link/l10.png" /></li>
                    <li class="mright0" id="l1.png" itemid="l1_a.png">
                        <img src="~/Content/change/images/link/l1.png" /></li>

                </ul>
                <div style="clear: both;"></div>
                <ul class="coop_u2">
                    <li id="l9.png" itemid="l9_a.png">
                        <img src="~/Content/change/images/link/l9.png" /></li>

                    <li id="l4.png" itemid="l4_a.png">
                        <img src="~/Content/change/images/link/l4.png" /></li>
                    <li id="l6.png" itemid="l6_a.png">
                        <img src="~/Content/change/images/link/l6.png" /></li>
                    <li id="l5.png" itemid="l5_a.png">
                        <img src="~/Content/change/images/link/l5.png" /></li>
                    <li style="color: #fa5656; margin-right: 0px;" id="l3.png" itemid="l3_a.png">
                        <img src="~/Content/change/images/link/l3.png" /></li>
                </ul>
            </div>
            <div class="clear"></div>
           @* <div class="operation"><a href="#">商务合作</a></div>*@
        </div>
    </div>

    <div class="section page7">
        <div class="page7_con">
            <div class="pagecontact">
                <img src="~/Content/change/images/contact.png" />
            </div>
            <div class="page_text">
                <div class="left45">
                    <div class="page_text_left">
                        <img src="../../Content/change/images/address_icon.png" />
                    </div>
                    <div class="left_address">
                        上海市长宁区延安西路1118号<br />
                        龙之梦大厦15F
                    </div>
                    <div class="line10"></div>
                    <div class="leftmtop30">
                        <img src="../../Content/change/images/phone_icon.png" />
                    </div>
                    <div class="telephone">
                        400-172-5886<br />
                        服务时间：9:00-21:00
                    </div>
                </div>
                <div class="right55">
                    <div style="text-align: left;">
                        <input type="text" placeholder="姓名" class="txtname" maxlength="5" />
                        <input type="text" placeholder="联系方式" class="txtphone" maxlength="12" />
                    </div>
                    <div class="mtop10">
                        <textarea class="txtadvice" placeholder="您的需求或建议"></textarea>
                    </div>
                    <div class="mtop10">
                        <div class="btnadvice">提交您的需求</div>
                    </div>
                </div>
                <div style="clear: both; height: 20px;"></div>

            </div>
            @*<div id="allmap"></div>*@
        </div>
@*    </div>
    <div class="section page8">*@

        <footer id="page_footer" style="">
            <div class="page_footer">
                <div class="leftfooter">
                    <div class="leftfooter">
                        <div style="padding-left: 10px;">
                            <div class="footer_box2_box1">
                                <ul>
                                    <li>
                                        <h1><a><span class="footer_title">帮助中心</span></a></h1>
                                    </li>
                                    <li><a href="@System.Configuration.ConfigurationSettings.AppSettings["qjurl"]/Article/NewsList?menuid=220">安全保障</a></li>
                                    <li><a href="@System.Configuration.ConfigurationSettings.AppSettings["qjurl"]/Article/NewsList?menuid=221">债权问答</a></li>
                                    <li><a href="@System.Configuration.ConfigurationSettings.AppSettings["qjurl"]/Article/NewsList?menuid=219">众筹问答</a></li>
                                    @*<li><a href="javascript:;">收益计算器</a></li>*@
                                </ul>
                                <ul>
                                    <li>
                                        <h1><a href="javascript:;"><span class="footer_title">理财问答</span></a></h1>
                                    </li>
                                    <li><a href="@System.Configuration.ConfigurationSettings.AppSettings["qjurl"]/Claims/Index">新手投资</a></li>
                                    <li><a href="@System.Configuration.ConfigurationSettings.AppSettings["qjurl"]/Article/NewsList?menuid=206">服务协议</a></li>
                                    <li><a href="@System.Configuration.ConfigurationSettings.AppSettings["qjurl"]/Article/NewsList?menuid=207">风险揭示书</a></li>
                                </ul>

                                <ul>
                                    <li>
                                        <h1><a href="javascript:;"><span class="footer_title">关于全局</span></a></h1>
                                    </li>
                                    <li><a href="@System.Configuration.ConfigurationSettings.AppSettings["qjurl"]/Article/NewsList?menuid=216">公司简介</a></li>
                                    <li><a href="@System.Configuration.ConfigurationSettings.AppSettings["qjurl"]/Article/NewsList?menuid=217">公司文化</a></li>
                                    <li><a href="@System.Configuration.ConfigurationSettings.AppSettings["qjurl"]/Article/NewsList?menuid=205">联系方式</a></li>
                                </ul>

                                <ul>
                                    <li>
                                        <h1><span class="footer_title">客服热线</span></h1>
                                    </li>
                                    <li><span style="font-size: 24px; font-weight: bold; color: #aaa">400-172-5886</span></li>
                                    <li><a>服务时间：9:00-21:00</a></li>
                                    <li><a>客服邮箱：service@changerbank.com</a></li>
                                </ul>

                                <ul style="text-align: right; padding-right: 0px !important; width: 150px;">
                                    <li style="text-align: center;">
                                        <img src="~/Content/Images/qjServers.jpg" width="100px" alt="全局金服"><div style="text-align: center; color: #666; font-family: 'Microsoft YaHei'">全局金服服务号</div>
                                    </li>
                                </ul>
                                <ul style="text-align: right; padding-right: 0px !important; width: 150px;">
                                    <li style="text-align: center;">
                                        <img src="~/Content/Images/qjreader.jpg" width="100px" alt="全局金服"><div style="text-align: center; color: #666; font-family: 'Microsoft YaHei'">全局金服订阅号</div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div style="clear: both;"></div>
            <div style="text-align: center; color: #999; font-size: 13px;">Copyright © 2015 上海全局互联网金融信息服务有限公司 版权所有</div>
            <div style="text-align: center; color: #999; margin-top: 5px; font-size: 13px;"><a href="http://www.miibeian.gov.cn/" style="color: #999" target="_blank">沪ICP备15056291号</a></div>
            <div style="clear: both;"></div>
            <a id='___szfw_logo___' href='https://credit.szfw.org/CX20160108013155370129.html' target='_blank'>
                <img src='http://icon.szfw.org/cert.png' border='0' /></a>
<script type='text/javascript'>(function () { document.getElementById('___szfw_logo___').oncontextmenu = function () { return false; } })();</script>
            <a target="_blank" href="http://ec.eqixin.com/?sn=QX3640711201601452755197"><img width="128px" height="41px"   src="http://ec.eqixin.com/images/2.png"></a>
        </footer>
    </div>

</div> 
<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://"); document.write(unescape("%3Cspan id='cnzz_stat_icon_1257119668'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s95.cnzz.com/z_stat.php%3Fid%3D1257119668%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));</script>

<script src="~/Content/change/js/jquery.fullPage.min.js"></script>
<script src="~/Scripts/jquery.cycle.all.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=Mh7RqEhhqgBNMPgSDkQotao9"></script>
<script>
    $(function () {
        $('#main').fullpage({
            //sectionsColor: ['#1bbc9b', '#4BBFC3', '#7BAABE', '#f90'],
            'navigation': true,
            scrollingSpeed: 500
        });
        $(window).resize(function () {
            autoScrolling();
        });

        function autoScrolling() {
            var $ww = $(window).width();
            if ($ww < 1024) {
                $.fn.fullpage.setAutoScrolling(false);
            } else {
                $.fn.fullpage.setAutoScrolling(true);
            }
        }
        function banner() {
            var bn_id = 0;
            var bn_id2 = 1;
            var speed33 = 5000;
            var qhjg = 1;
            var MyMar33;
            $("#banner .d1").hide();
            $("#banner .d1").eq(0).fadeIn("slow");
            if ($("#banner .d1").length > 1) {
                $("#banner_id li").eq(0).addClass("nuw");
                function Marquee33() {
                    bn_id2 = bn_id + 1;
                    if (bn_id2 > $("#banner .d1").length - 1) {
                        bn_id2 = 0;
                    }
                    $("#banner .d1").eq(bn_id).css("z-index", "2");
                    $("#banner .d1").eq(bn_id2).css("z-index", "1");
                    $("#banner .d1").eq(bn_id2).show();
                    $("#banner .d1").eq(bn_id).fadeOut("slow");
                    $("#banner_id li").removeClass("nuw");
                    $("#banner_id li").eq(bn_id2).addClass("nuw");
                    bn_id = bn_id2;
                };

                MyMar33 = setInterval(Marquee33, speed33);

                $("#banner_id li").click(function () {
                    var bn_id3 = $("#banner_id li").index(this);
                    if (bn_id3 != bn_id && qhjg == 1) {
                        qhjg = 0;
                        $("#banner .d1").eq(bn_id).css("z-index", "2");
                        $("#banner .d1").eq(bn_id3).css("z-index", "1");
                        $("#banner .d1").eq(bn_id3).show();
                        $("#banner .d1").eq(bn_id).fadeOut("slow", function () { qhjg = 1; });
                        $("#banner_id li").removeClass("nuw");
                        $("#banner_id li").eq(bn_id3).addClass("nuw");
                        bn_id = bn_id3;
                    }
                });
                $("#banner_id").hover(
                    function () {
                        clearInterval(MyMar33);
                    },
                    function () {
                        MyMar33 = setInterval(Marquee33, speed33);
                    }
                )
            }
            else {
                $("#banner_id").hide();
            }
        }
        banner();
        autoScrolling();
        $(".z_c_list").eq(0).show();//默认第一个
        $(".monetary_fund_right_content").eq(0).show();
        $(".monetary_fund_right_content2").eq(0).show();
        $(".news_con").eq(0).show();//新闻默认显示第一个 
        $(".new_li ul li").eq(0).addClass("nactive");

        $(".prev").click(function () {
            $(".tabBox #btn a").each(function (i) {
                var clas = $(this).attr("class");
                if (clas == "activeSlide") {
                    $(this).prev().addClass("activeSlide").siblings().removeClass("activeSlide");
                    if (i == 0) {
                        $(".tabBox #btn a:eq(2)").addClass("activeSlide").siblings().removeClass("activeSlide");
                        $(".tabBox #btn a:eq(2)").click();
                    }
                    $(this).prev().click();
                    return false;
                }
            });
        });

        $('.next').bind("selectstart", function () { return false; });
        //下一张
        $(".next").click(function () {

            $(".tabBox #btn a").each(function (i) {
                var clas = $(this).attr("class");
                if (clas == "activeSlide") {
                    $(this).next().addClass("activeSlide").siblings().removeClass("activeSlide");
                    if (i == 2) {
                        $(".tabBox #btn a:eq(0)").addClass("activeSlide").siblings().removeClass("activeSlide");
                        $(".tabBox #btn a:eq(0)").click();
                    }
                    $(this).next().click();
                    return false;
                }
            });
        });

        $("#prev").click(function () {
            $(".tabBox #btn2 a").each(function (i) {
                var clas = $(this).attr("class");
                if (clas == "activeSlide") {
                    $(this).prev().addClass("activeSlide").siblings().removeClass("activeSlide");
                    if (i == 0) {
                        $(".tabBox #btn2 a:eq(5)").addClass("activeSlide").siblings().removeClass("activeSlide");
                        $(".tabBox #btn2 a:eq(5)").click();
                    }
                    $(this).prev().click();
                    return false;
                }
            });
        });

        $('#next').bind("selectstart", function () { return false; });
        //下一张
        $("#next").click(function () {
            $(".tabBox #btn2 a").each(function (i) {
                var clas = $(this).attr("class");
                if (clas == "activeSlide") {
                    $(this).next().addClass("activeSlide").siblings().removeClass("activeSlide");
                    if (i == 5) {
                        $(".tabBox #btn2 a:eq(0)").addClass("activeSlide").siblings().removeClass("activeSlide");
                        $(".tabBox #btn2 a:eq(0)").click();
                    }
                    $(this).next().click();
                    return false;
                }
            });
        });
        // 债权
        $('#banner1').cycle({
            speed: 400,
            fx: 'scrollLeft',
            pager: '#btn'
        });

        //产品众筹
        $('#banner2').cycle({
            speed: 400,
            fx: 'scrollLeft',
            pager: '#btn2'
        });


        //新闻
        $(".new_li ul li").hover(function () {
            $(this).addClass("nactive").siblings().removeClass("nactive");
            $(".news_con").hide();
            $(".news_con").eq($(this).index()).show();

        });

        $("img").error(function () {
            $(this).attr("src", "/Content/Images/no-result.png");
        });
        //返回顶部
        $(".OnlineService_Top").click(function () {
            $("#fp-nav ul li:eq(0) a").click();
        });

        $(".coop ul li").hover(function () {
            $(this).children("img").attr("src", "../../../Content/change/images/link/" + $(this).attr("itemid"));

        }, function () {
            $(this).children("img").attr("src", "../../../Content/change/images/link/" + $(this).attr("id"));

        });
    });
</script>
<script type="text/javascript">

    var title = "上海全局互联网金融信息服务有限公司";
    var tel = "021-52901290";
    var x = "121.436649";
    var y = "31.217232";

    var address = "<span style='font-size:14px !important;'>上海市长宁区延安西路1118号龙之梦大厦15F(400-172-5886)</span>";
    // 百度地图API功能
    var map = new BMap.Map("allmap");            // 创建Map实例
    var point = new BMap.Point(x, y); // 创建点坐标
    map.centerAndZoom(point, 18);                 // 初始化地图,设置中心点坐标和地图级别。
    //map.addControl(new BMap.ZoomControl());      //添加地图缩放控件

    var polyline = new BMap.Polyline([
      new BMap.Point(x, y),
      new BMap.Point(x, y)
    ], { strokeColor: "blue", strokeWeight: 6, strokeOpacity: 0.5 });
    map.addOverlay(polyline);

    var marker = new BMap.Marker(new BMap.Point(x, y));  //创建标注
    map.addOverlay(marker);    // 将标注添加到地图中
    var opts = {
        width: 240,    // 信息窗口宽度
        height: 60,     // 信息窗口高度
        title: title, // 信息窗口标题
        enableAutoPan: true //自动平移
    }
    var infoWindow = new BMap.InfoWindow("地址：" + address + "", opts);  // 创建信息窗口对象
    map.openInfoWindow(infoWindow, point); //开启信息窗口
    marker.addEventListener("click", function () {
        map.openInfoWindow(infoWindow, point); //开启信息窗口
    });
    
    $("#banner d1").css('height', window.Height + 'px');
</script>

